<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div#outer {width: 500px;}
			div#inner {text-indent: 10%;}
			p {width: 200px;}
			.t_center{
	text-align: center;
	}
	.t_left{
	text-align: left;
	}
	.t_right{
	text-align: right;
	}
	.t_justify{
	text-align: justify;
	}
	.t_inherit{
	text-align: inherit;
	}
	p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}
		</style>
	</head>
	<body>
<div id="outer">
<div id="inner" class="spread">some text. some text. some text.
<p>this is a paragragh.</p>
</div>
</div>		
<div class="t_center">
     	居中
     </div>
     
      <div class="t_left">
     	居左
     </div>
      <div class="t_right">
     	居右
     </div>
      <div class="t_justify">
     	居justify
     </div>
      <div class="t_inherit">
     	居inherit
     </div>
	</body>
</html>
